<template>
	<div>
		<view>
			<div class="square">
		<div class="square-day">
			<span>11</span>
			<p>09月</p>
		</div>
		<div class="square-ZT">
			<p>收到一个赞</p>
			<img src="/static/image/tabBar/Hong.png" alt="">
			<img src="/static/image/tabBar/sly.jpg" alt="">
		</div>
	</div>
	<div class="square">
		<div class="square-day">
			<span>09</span>
			<p>08月</p>
		</div>
		<div class="square-ZT">
			<p>收到了一条评论</p>
			<img src="/static/image/tabBar/Hong.png" alt="">
			<img src="/static/image/tabBar/sly.jpg" alt="">
			<p class="xie">学妹还是学弟,学弟11折,学妹打对折！</p>
		</div>
	</div>
	<div class="square">
		<div class="square-day">
			<span>09</span>
			<p>08月</p>
		</div>
		<div class="square-ZT">
			<p>卖出了一件商品</p>
			<img src="/static/image/tabBar/Hong.png" alt="">
			<img src="/static/image/tabBar/sly.jpg" alt="">
		</div>
	</div>
	
		</view>
	</div>
	
</template>
<style scoped>
	img{
		width:6rem;
		height:6rem;
		border-radius: 10px;
		margin-top:1rem;
		margin-right:1rem;
	}
	.square{
		display: flex;
		padding-left:1.4rem;
		padding-right:1.4rem;
		padding-top:0.8rem;
		border-bottom:1px solid darkgray;
		padding-bottom:1.4rem;
	}
	.square-day{
		display:flex;
	}
	.square-day>span{
		font-size: 22px;
		font-weight:bold;
	}
	.square-day>p{
		padding-top:0.4rem;
		font-weight:bold;
	}
	.square-ZT{
		margin-left:2rem;
		padding-top:0.4rem;
	}
	.square-ZT>p{
		font-weight:bold;
	}
	.xie{
		margin-top:0.4rem;
		font-size:14px;
	}
</style>